<section class="content-header">
	<h1>&nbsp;</h1>
	<ol class="breadcrumb">
		<li><a href="javascript:void(0);"><i class="fa fa-dashboard"></i>
				基础配置</a></li>
		<li class="active">数据中心配置</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">

	<div class="row" ng-controller="areaListCtrl">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header">
					<button type="button" class="btn btn-primary btn-sm" style="float: left;" data-ng-click="openEditDialog(null,true)">新增</button>
					<button id="btnInitail" type="button" class="btn btn-danger btn-sm" style="float: left;margin-left: 10px;" data-ng-click="initail()">初始化基础数据</button>
					<button type="button" class="btn btn-primary btn-sm pull-right" style="float: right;" data-ng-click="queryAllArea()">查询&刷新</button>
					<input type="text" class="form-control input-sm pull-right" style="width:300px;  display:inline;  " data-ng-model="strFil"  placeholder="全文索引" />
				</div>
				<!-- /.box-header -->
				<div class="box-body">
					<table id="example1" class="table table-bordered table-striped">
						<thead>
							<tr>
								<th>
									<a href="javascript:void(0);" style="color:black; "   data-ng-click="sort('code')">编码
										<span class="glyphicon glyphicon-sort btn-xs"  ></span>
									</a>
								</th>
								<th>
									<a href="javascript:void(0);" style="color:black; "   data-ng-click="sort('name')">名称
										<span class="glyphicon glyphicon-sort btn-xs"  ></span>
									</a>
								</th>
								<th>
									<a href="javascript:void(0);" style="color:black; "   data-ng-click="sort('mqWanAddr')">MQ消息收发地址（Haproxy/ELB外网）
										<span class="glyphicon glyphicon-sort btn-xs"  ></span>
									</a>
								</th>
								<th>
									<a href="javascript:void(0);" style="color:black; "   data-ng-click="sort('mqMgmtAddr')">MQ管理API访问地址（外网）
										<span class="glyphicon glyphicon-sort btn-xs"  ></span>
									</a>
								</th>
								<th width="100px;">操作</th>
							</tr>
						</thead>
						<tbody>
							<tr data-ng-repeat="item in datas| filter:strFil | orderBy:orderName:ascOrDesc">
								<td data-ng-bind="item.code"></td>
								<td data-ng-bind="item.name"></td>
								<td data-ng-bind="item.mqWanAddr"></td>
								<td data-ng-bind="item.mqMgmtAddr"></td>
								<td>
									<button type="button" class="btn btn-primary btn-xs" data-ng-click="openEditDialog(item.code,true)">修改</button>
									<button type="button" class="btn btn-danger btn-xs" data-ng-click="deleteArea(item.code,true)">刪除</button>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!-- /.box-body -->
			</div>
			<!-- /.box -->
		</div>
	</div>

</section>